﻿<!DOCTYPE html>
<!--[if IE 8 ]><html class="ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"><!--<![endif]-->
<head>
	<!-- Basic Page Needs -->
	<meta charset="UTF-8">
	<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
	<title>商品详情</title>

	<!-- Mobile Specific Metas -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<!-- Boostrap style -->
	<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.min.css">

	<!-- Theme style -->
	<link rel="stylesheet" type="text/css" href="stylesheets/style.css">

	<!-- Reponsive -->
	<link rel="stylesheet" type="text/css" href="stylesheets/responsive.css">

</head>
<body class="header_sticky">
	<div class="boxed">

		<div class="overlay"></div>

		<!-- Preloader -->
		<div class="preloader">
			<div class="clear-loading loading-effect-2">
				<span></span>
			</div>
		</div><!-- /.preloader -->



		<section id="header" class="header">
			<div class="container">
				<div class="row">
					<div class="col-md-4">
						<ul class="flat-support">
							<li>
								<a href="#" title="">欢迎来到中联新材网</a>
							</li>
						</ul><!-- /.flat-support -->
					</div><!-- /.col-md-4 -->
					<div class="col-md-4">
						<ul class="flat-infomation">
							<li class="phone">
								Call Us: <a href="#" title="">(888) 1234 56789</a>
							</li>
						</ul><!-- /.flat-infomation -->
					</div><!-- /.col-md-4 -->
					<div class="col-md-4">
						<ul class="flat-unstyled">
							<li class="noLogin">
								<span style="margin-right:1rem" data-toggle="modal" data-target="#exampleModal">登录</span>
								<span data-toggle="modal" data-target="#exampleModal2">注册</span>
							</li>
							<li class="account hide">
								<a href="#" title="">您好，<span class="userName">帅哥</span><i class="fa fa-angle-down" aria-hidden="true"></i></a>
								<ul class="unstyled">
									<!--<li>-->
									<!--<a href="#" title="">已买到的宝贝</a>-->
									<!--</li>-->
									<li>
										<a href="shop-cart.html" title="">已买到的宝贝</a>
									</li>
									<li>
										<a href="change-password.html" title="">修改密码</a>
									</li>
									<li>
										<a href="person.html" title="">个人中心</a>
									</li>
									<li>
										<a title="" class="exit">退出</a>
									</li>
								</ul><!-- /.unstyled -->
							</li>
						</ul><!-- /.flat-unstyled -->
					</div><!-- /.col-md-4 -->
				</div><!-- /.row -->
			</div><!-- /.container -->
			<!-- /.header-top -->
			<div class="header-middle">
				<div class="container">
					<div class="row">
						<div class="col-md-3">
							<div id="logo" class="logo">
								<a href="index.html" title="">
									<img src="images/logos/logo.png" alt="">
								</a>
							</div><!-- /#logo -->
						</div><!-- /.col-md-3 -->
						<div class="col-md-6">
							<div class="top-search">
								<form action="#" method="get" class="form-search" accept-charset="utf-8">

									<div class="box-search">
										<input type="text" name="search" placeholder="输入关键词">
										<span class="btn-search">
												<button type="submit" class="waves-effect">
													<img src="images/icons/search.png" alt="">
												</button>
										</span>

									</div><!-- /.box-search -->
								</form><!-- /.form-search -->
							</div><!-- /.top-search -->
						</div><!-- /.col-md-6 -->
					</div><!-- /.row -->
				</div><!-- /.container -->
			</div><!-- /.header-middle -->
			<div class="header-bottom">
				<div class="container">
					<div class="row">
						<div class="col-md-3 col-2">
							<div id="mega-menu">
								<div class="btn-mega"><span></span>所有商品类别</div>
								<ul class="menu">
									<!-- <li>
                                <a href="#" title="" class="dropdown">
                                    <span class="menu-img">
                                        <img src="images/icons/menu/01.png" alt="">
                                    </span>
                                    <span class="menu-title">
                                                    Laptops & Mac
                                    </span>
                                </a>
                            </li> -->
									<ul class="drop-menu">

									</ul>
								</ul>
							</div>
						</div><!-- /.col-md-3 -->
						<div class="col-md-9 col-10">
							<div class="nav-wrap">
								<div id="mainnav" class="mainnav">
									<ul class="menu">
										<li class="column-1">
											<a href="index.html" title="">类别1</a>
											<ul class="submenu">
												<li>
													<a href="shop.html" title=""><i class="fa fa-angle-right"
																					aria-hidden="true"></i>商品搜索列表</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Home
														Layout 02</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Home
														Layout 03</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Home
														Layout 04</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Home
														Layout 05</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Home
														Layout 06</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Home
														Layout 07</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Home
														Layout 08</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Home
														Layout 09</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Home
														Layout 10</a>
												</li>
											</ul><!-- /.submenu -->
										</li><!-- /.column-1 -->
										<li class="column-1">
											<a href="#" title="">类别2</a>
											<ul class="submenu">
												<li>
													<a href="shop.html" title=""><i class="fa fa-angle-right"
																					aria-hidden="true"></i>Shop left sidebar</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Shop
														right sidebar</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Shop
														list view</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Shop
														full width</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Shop 03
														column</a>
												</li>
												<li>
													<a href="shop-cart.html" title=""><i class="fa fa-angle-right"
																						 aria-hidden="true"></i>Shop
														cart</a>
												</li>
												<li>
													<a href="shop-checkout.html" title=""><i class="fa fa-angle-right"
																							 aria-hidden="true"></i>Shop
														checkout</a>
												</li>
											</ul><!-- /.submenu -->
										</li><!-- /.column-1 -->
										<li class="column-1">
											<a href="#" title="">类别3</a>
											<ul class="submenu">
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Home
														Theater Systems</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Receivers
														& Amplifiers</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Speakers</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>CD
														Players & Turntables</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>High-Resolution
														Audio</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>4K
														Ultra HD TVs</a>
												</li>
											</ul><!-- /.submenu -->
										</li><!-- /.column-1 -->
										<li class="has-mega-menu">
											<a href="#" title="">类别4</a>
											<div class="submenu">
												<div class="row">
													<div class="col-lg-3 col-md-12">
														<h3 class="cat-title">Accessories</h3>
														<ul class="submenu-child">
															<li>
																<a href="#" title="">Electronics</a>
															</li>
															<li>
																<a href="#" title="">Furniture</a>
															</li>
															<li>
																<a href="#" title="">Accessories</a>
															</li>
															<li>
																<a href="#" title="">Divided</a>
															</li>
															<li>
																<a href="#" title="">Everyday Fashion</a>
															</li>
															<li>
																<a href="#" title="">Modern Classic</a>
															</li>
															<li>
																<a href="#" title="">Party</a>
															</li>
														</ul>
														<div class="show">
															<a href="#" title="">Shop All</a>
														</div>
													</div><!-- /.col-lg-3 col-md-12 -->
													<div class="col-lg-3 col-md-12">
														<h3 class="cat-title">Laptop And Computer</h3>
														<ul class="submenu-child">
															<li>
																<a href="#" title="">Networking & Internet Devices</a>
															</li>
															<li>
																<a href="#" title="">Laptops, Desktops & Monitors</a>
															</li>
															<li>
																<a href="#" title="">Hard Drives & Memory Cards</a>
															</li>
															<li>
																<a href="#" title="">Printers & Ink</a>
															</li>
															<li>
																<a href="#" title="">Networking & Internet Devices</a>
															</li>
															<li>
																<a href="#" title="">Computer Accessories</a>
															</li>
															<li>
																<a href="#" title="">Software</a>
															</li>
														</ul>
														<div class="show">
															<a href="#" title="">Shop All</a>
														</div>
													</div><!-- /.col-lg-3 col-md-12 -->
													<div class="col-lg-4 col-md-12">
														<h3 class="cat-title">Audio & Video</h3>
														<ul class="submenu-child">
															<li>
																<a href="#" title="">Headphones & Speakers</a>
															</li>
															<li>
																<a href="#" title="">Home Entertainment Systems</a>
															</li>
															<li>
																<a href="#" title="">MP3 & Media Players</a>
															</li>
														</ul>
														<div class="show">
															<a href="#" title="">Shop All</a>
														</div>
													</div><!-- /.col-lg-4 col-md-12 -->
													<div class="col-lg-2 col-md-12">
														<h3 class="cat-title">Home Audio</h3>
														<ul class="submenu-child">
															<li>
																<a href="#" title="">Home Theater Systems</a>
															</li>
															<li>
																<a href="#" title="">Receivers & Amplifiers</a>
															</li>
															<li>
																<a href="#" title="">Speakers</a>
															</li>
															<li>
																<a href="#" title="">CD Players & Turntables</a>
															</li>
															<li>
																<a href="#" title="">High-Resolution Audio</a>
															</li>
															<li>
																<a href="#" title="">4K Ultra HD TVs</a>
															</li>
														</ul>
														<div class="show">
															<a href="#" title="">Shop All</a>
														</div>
													</div><!-- /.col-lg-2 col-md-12 -->
												</div><!-- /.row -->
												<div class="row">
													<div class="col-md-6">
														<div class="banner-box">
															<div class="inner-box">
																<a href="#" title="">
																	<img src="images/banner_boxes/submenu-01.png" alt="">
																</a>
															</div>
														</div>
													</div>
													<div class="col-md-6">
														<div class="banner-box">
															<div class="inner-box">
																<a href="#" title="">
																	<img src="images/banner_boxes/submenu-02.png" alt="">
																</a>
															</div>
														</div>
													</div>
												</div><!-- /.row -->
											</div><!-- /.submenu -->
										</li><!-- /.has-mega-menu -->
										<li class="column-1">
											<a href="#" title="">类别5</a>
											<ul class="submenu">
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>About</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>404
														Page</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Brands
														Page</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Categories
														01</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Categories
														02</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Element</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>FAQ</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Order
														Tracking</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Terms &
														Conditions</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Single
														Product 01</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Single
														Product 02</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Single
														Product 03</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Single
														Product 04</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Single
														Product 05</a>
												</li>
											</ul><!-- /.submenu -->
										</li><!-- /.column-1 -->
										<li class="column-1">
											<a href="#" title="">类别6</a>
											<ul class="submenu">
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Blog
														left sidebar</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Blog
														right sidebar</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Blog
														list</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Blog 02
														column</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Blog
														full width</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Blog
														single</a>
												</li>
											</ul><!-- /.submenu -->
										</li><!-- /.column-1 -->
										<li class="column-1">
											<a href="#" title="">类别7</a>
											<ul class="submenu">
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Contact
														01</a>
												</li>
												<li>
													<a href="#" title=""><i class="fa fa-angle-right"
																			aria-hidden="true"></i>Contact
														02</a>
												</li>
											</ul><!-- /.submenu -->
										</li><!-- /.column-1 -->
									</ul><!-- /.menu -->
								</div><!-- /.mainnav -->
							</div><!-- /.nav-wrap -->
							<!--<div class="today-deal">
                                    <a href="#" title="">类别8</a>
                                </div>-->

							<!-- /.today-deal -->
							<div class="btn-menu">
								<span></span>
							</div><!-- //mobile menu button -->
						</div><!-- /.col-md-9 -->
					</div><!-- /.row -->
				</div><!-- /.container -->
			</div><!-- /.header-bottom -->
		</section><!-- /#header -->

		<!--<section class="flat-breadcrumb">-->
			<!--<div class="container">-->
				<!--<div class="row">-->
					<!--<div class="col-md-12">-->
						<!--<ul class="breadcrumbs">-->
							<!--<li class="trail-item">-->
								<!--<a href="#" title="">Home</a>-->
								<!--<span><img src="images/icons/arrow-right.png" alt=""></span>-->
							<!--</li>-->
							<!--<li class="trail-item">-->
								<!--<a href="#" title="">Shop</a>-->
								<!--<span><img src="images/icons/arrow-right.png" alt=""></span>-->
							<!--</li>-->
							<!--<li class="trail-end">-->
								<!--<a href="#" title="">Smartphones</a>-->
							<!--</li>-->
						<!--</ul>&lt;!&ndash; /.breacrumbs &ndash;&gt;-->
					<!--</div>&lt;!&ndash; /.col-md-12 &ndash;&gt;-->
				<!--</div>&lt;!&ndash; /.row &ndash;&gt;-->
			<!--</div>&lt;!&ndash; /.container &ndash;&gt;-->
		<!--</section>&lt;!&ndash; /.flat-breadcrumb &ndash;&gt;-->

		<section class="flat-product-detail">
			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<div class="flexslider">
							<ul class="slides">
							    <li data-thumb="images/product/flexslider/thumb/2.jpg">
							      <img src="images/product/flexslider/l01.jpg" alt="image slider" />
							      <span>NEW</span>
							    </li>
							    <li data-thumb="images/product/flexslider/thumb/3.jpg">
							      <img src="images/product/flexslider/l01.jpg" alt="image slider" />
							    </li>
							    <li data-thumb="images/product/flexslider/thumb/4.jpg">
							      <img src="images/product/flexslider/l01.jpg" alt="image slider" />
							      <span>NEW</span>
							    </li>
							    <li data-thumb="images/product/flexslider/thumb/5.jpg">
							      <img src="images/product/flexslider/l01.jpg" alt="image slider" />
							    </li>
							    <li data-thumb="images/product/flexslider/thumb/6.jpg">
							      <img src="images/product/flexslider/l01.jpg" alt="image slider" />
							    </li>
							</ul><!-- /.slides -->
						</div><!-- /.flexslider -->
					</div><!-- /.col-md-6 -->
					<div class="col-md-6">
						<div class="product-detail">
							<div class="header-detail">
								<h4 class="goodsname">Warch 42 mm Smart Watches</h4>
								<div class="category">
									Smart Watches
								</div>
								<div class="reviewed">
									<div class="review">
										<div class="queue">
											<i class="fa fa-star" aria-hidden="true"></i>
											<i class="fa fa-star" aria-hidden="true"></i>
											<i class="fa fa-star" aria-hidden="true"></i>
											<i class="fa fa-star" aria-hidden="true"></i>
											<i class="fa fa-star" aria-hidden="true"></i>
										</div>
										<div class="text">
											<span>3 Reviews</span>
											<span class="add-review">Add Your Review</span>
										</div>
									</div><!-- /.review -->
									<div class="status-product">
										Availablity <span>In stock</span>
									</div>
								</div><!-- /.reviewed -->
							</div><!-- /.header-detail -->
							<div class="content-detail">
								<div class="price">
									<div class="regular">
										$2,999.00
									</div>
									<div class="sale goodsprice">
										$1,589.00
									</div>
								</div>
								<div class="info-text">
									购买电器商品时选择购买“电器延保”服务后，在服务保障期内如消费者购买的电器发生故障，第三方服务商在消费者的服务保障额度范围内为消费者提供维修的保障服务项目
								</div>
								<div class="product-id">
									型号: <span class="specificationModel" style="color:#333">6666666666666666666666</span>
								</div>
							</div><!-- /.content-detail -->
							<div class="footer-detail">
								<div class="quanlity-box">
									<div class="colors">
										<select name="color" style="width: 100%;padding-left: 20px;">
											<option value="">颜色</option>
											<option value="">黑色</option>
											<option value="">红色</option>
											<option value="">白色</option>
										</select>
									</div>
									<div class="quanlity">
										<span class="btn-down"></span>
										<input type="number" name="number" id="goodsNum" value="1">
										<span class="btn-up"></span>
									</div>
								</div><!-- /.quanlity-box -->
								<div class="box-cart style2 ">
									<div class="btn-add-cart">
										<a title=""><img src="images/icons/add-cart.png" alt="">购买</a>
									</div>
								</div><!-- /.box-cart -->
							</div><!-- /.footer-detail -->
						</div><!-- /.product-detail -->
					</div><!-- /.col-md-6 -->
				</div><!-- /.row -->
			</div><!-- /.container -->
		</section><!-- /.flat-product-detail -->

		<section class="flat-product-content">
			<ul class="product-detail-bar">
				<li class="active">Description</li>
				<li>Tecnical Specs</li>
				<li>Reviews</li>
			</ul><!-- /.product-detail-bar -->
			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<div class="description-text">
							<div class="box-text">
								<h4>Nuqqam Et Massa</h4>
								<p>Sed sodales sed orci molestie tristique. Nunc dictum, erat id molestie vestibulum, ex leo vestibulum justo, luctus tempor erat sem quis diam. Lorem ipsum dolor sit amet.</p>
							</div>
							<div class="box-text wireless">
								<h4>Wireless</h4>
								<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece <br />of classical Latin literature from 45 BC, making it over 2000 years old.</p>
							</div>
							<div class="box-text design">
								<h4>Fresh Design</h4>
								<p>It is a long established fact that a reader will be distracted by the readable content of <br />a page when looking at its layout. The point of using Lorem Ipsum is that it has a <br />more-or-less normal distribution of letters, as opposed to using</p>
							</div>
							<div class="box-text sound">
								<h4>Fabolous Sound</h4>
								<p>There are many variations of passages of Lorem Ipsum available, but the <br />majority have suffered alteration in some form, by injected humour, or <br />randomised words which don't look even slightly believable.</p>
							</div>
						</div><!-- /.description-text -->
					</div><!-- /.col-md-6 -->
					<div class="col-md-6">
						<div class="description-image">
							<div class="box-image">
								<img src="images/product/single/01.png" alt="">
							</div>
							<div class="box-text">
								<h4>Nuqqam Et Massa</h4>
								<p>Sed sodales sed orci molestie tristique. Nunc dictum, erat id molestie vestibulum, ex leo vestibulum justo, luctus tempor erat sem quis diam. Lorem ipsum dolor sit amet.</p>
							</div>
						</div><!-- /.description-image -->
					</div><!-- /.col-md-6 -->
					<div class="col-md-12">
						<div class="different-color">
							<div class="title">
								Different Colors
							</div>
							<p>
								Sed sodales sed orci<br />molestie
							</p>
						</div><!-- /.different-color -->
					</div><!-- /.col-md-12 -->
					<div class="col-md-6">
						<div class="box-left">
							<div class="img-line">
								<img src="images/product/single/line-1.png" alt="">
							</div>
							<div class="img-product">
								<img src="images/product/single/06.png" alt="">
							</div>
						</div><!-- /.box-left -->
					</div><!-- /.col-md-6 -->
					<div class="col-md-6">
						<div class="box-right">
							<div class="img-line">
								<img src="images/product/single/line-2.png" alt="">
								<img src="images/product/single/04.png" alt="">
							</div>
							<div class="img-product">

							</div>
							<div class="box-text">
								<h4>Nuqqam Et Massa</h4>
								<p>Sed sodales sed orci molestie tristique. Nunc dictum, erat id molestie vestibulum, ex leo vestibulum justo, luctus tempor erat sem quis diam. Lorem ipsum dolor sit amet.</p>
							</div>
						</div><!-- /.box-right -->
					</div><!-- /.col-md-6 -->
				</div><!-- /.row -->
				<div class="row">
					<div class="col-md-12">
						<div class="tecnical-specs">
							<h4 class="name">
								Warch 42 mm Smart Watches
							</h4>
							<table>
								<tbody>
									<tr>
										<td>Height</td>
										<td>38.6mm</td>
									</tr>
									<tr>
										<td>Meterial</td>
										<td>Stainless Stee</td>
									</tr>
									<tr>
										<td>Case</td>
										<td>40g</td>
									</tr>
									<tr>
										<td>Color</td>
										<td>blue, gray, green, light blue, lime, purple, red, yellow</td>
									</tr>
									<tr>
										<td>Depth</td>
										<td>10.5mm</td>
									</tr>
									<tr>
										<td>Width</td>
										<td>33.3mm</td>
									</tr>
									<tr>
										<td>Size</td>
										<td>Large, Medium, Small</td>
									</tr>
								</tbody>
							</table><!-- /.table -->
						</div><!-- /.tecnical-specs -->
					</div><!-- /.col-md-12 -->
				</div><!-- /.row -->
				<div class="row">
					<div class="col-md-6">
						<div class="rating">
							<div class="title">
								Based on 3 reviews
							</div>
							<div class="score">
								<div class="average-score">
									<p class="numb">4.3</p>
									<p class="text">Average score</p>
								</div>
								<div class="queue">
									<i class="fa fa-star" aria-hidden="true"></i>
									<i class="fa fa-star" aria-hidden="true"></i>
									<i class="fa fa-star" aria-hidden="true"></i>
									<i class="fa fa-star" aria-hidden="true"></i>
									<i class="fa fa-star" aria-hidden="true"></i>
								</div>
							</div><!-- /.score -->
							<ul class="queue-box">
								<li class="five-star">
									<span>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
									</span>
									<span class="numb-star">3</span>
								</li><!-- /.five-star -->
								<li class="four-star">
									<span>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
									</span>
									<span class="numb-star">4</span>
								</li><!-- /.four-star -->
								<li class="three-star">
									<span>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
									</span>
									<span class="numb-star">3</span>
								</li><!-- /.three-star -->
								<li class="two-star">
									<span>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
									</span>
									<span class="numb-star">2</span>
								</li><!-- /.two-star -->
								<li class="one-star">
									<span>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
									</span>
									<span class="numb-star">0</span>
								</li><!-- /.one-star -->
							</ul><!-- /.queue-box -->
						</div><!-- /.rating -->
					</div><!-- /.col-md-6 -->
					<div class="col-md-6">
						<div class="form-review">
							<div class="title">
								Add a review
							</div>
							<div class="your-rating queue">
								<span>Your Rating</span>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
							</div>
							<form action="#" method="get" accept-charset="utf-8">
								<div class="review-form-name">
									<input type="text" name="name-author" value="" placeholder="Name">
								</div>
								<div class="review-form-email">
									<input type="text" name="email-author" value="" placeholder="Email">
								</div>
								<div class="review-form-comment">
									<textarea name="review-text" placeholder="Your Name"></textarea>
								</div>
								<div class="btn-submit">
									<button type="submit">Add Review</button>
								</div>
							</form>
						</div><!-- /.form-review -->
					</div><!-- /.col-md-6 -->
					<div class="col-md-12">
						<ul class="review-list">
							<li>
								<div class="review-metadata">
									<div class="name">
										Ali Tufan : <span>April 3, 2016</span>
									</div>
									<div class="queue">
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
									</div>
								</div><!-- /.review-metadata -->
								<div class="review-content">
									<p>
										Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
									</p>
								</div><!-- /.review-content -->
							</li>
							<li>
								<div class="review-metadata">
									<div class="name">
										Peter Tufan : <span>April 3, 2016</span>
									</div>
									<div class="queue">
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
									</div>
								</div><!-- /.review-metadata -->
								<div class="review-content">
									<p>
										Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
									</p>
								</div><!-- /.review-content -->
							</li>
							<li>
								<div class="review-metadata">
									<div class="name">
										Jon Tufan : <span>April 3, 2016</span>
									</div>
									<div class="queue">
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
										<i class="fa fa-star" aria-hidden="true"></i>
									</div>
								</div><!-- /.review-metadata -->
								<div class="review-content">
									<p>
										Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
									</p>
								</div><!-- /.review-content -->
							</li>
						</ul><!-- /.review-list -->
					</div><!-- /.col-md-12 -->
				</div><!-- /.row -->
			</div><!-- /.container -->
		</section><!-- /.flat-product-content -->

		<section class="flat-imagebox style4">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="flat-row-title">
							<h3>Recent Products</h3>
						</div>
					</div><!-- /.col-md-12 -->
				</div><!-- /.row -->
				<div class="row">
					<div class="col-md-12">
						<div class="owl-carousel-3">
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/09.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Apple iPad Mini<br />G2356</a>
									</div>
									<div class="price">
										<span class="sale">$50.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/10.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Apple iPad Mini<br />G2356</a>
									</div>
									<div class="price">
										<span class="sale">$600.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/11.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Beats Pill+ Portable<br />Speaker - (PRODUCT)RED</a>
									</div>
									<div class="price">
										<span class="sale">$1,023.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/12.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Apple iPad Mini<br />G2356</a>
									</div>
									<div class="price">
										<span class="sale">$1,489.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/13.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Beats EP On-Ear<br />Headphones - Blue</a>
									</div>
									<div class="price">
										<span class="sale">$1,749.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/09.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Apple iPad Mini<br />G2356</a>
									</div>
									<div class="price">
										<span class="sale">$50.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/10.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Apple iPad Mini<br />G2356</a>
									</div>
									<div class="price">
										<span class="sale">$600.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/11.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Beats Pill+ Portable<br />Speaker - (PRODUCT)RED</a>
									</div>
									<div class="price">
										<span class="sale">$1,023.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/12.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Apple iPad Mini<br />G2356</a>
									</div>
									<div class="price">
										<span class="sale">$1,489.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/13.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Beats EP On-Ear<br />Headphones - Blue</a>
									</div>
									<div class="price">
										<span class="sale">$1,749.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/09.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Apple iPad Mini<br />G2356</a>
									</div>
									<div class="price">
										<span class="sale">$50.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/10.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Apple iPad Mini<br />G2356</a>
									</div>
									<div class="price">
										<span class="sale">$600.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/11.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Beats Pill+ Portable<br />Speaker - (PRODUCT)RED</a>
									</div>
									<div class="price">
										<span class="sale">$1,023.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/12.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Apple iPad Mini<br />G2356</a>
									</div>
									<div class="price">
										<span class="sale">$1,489.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/13.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Beats EP On-Ear<br />Headphones - Blue</a>
									</div>
									<div class="price">
										<span class="sale">$1,749.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/09.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Apple iPad Mini<br />G2356</a>
									</div>
									<div class="price">
										<span class="sale">$50.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/10.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Apple iPad Mini<br />G2356</a>
									</div>
									<div class="price">
										<span class="sale">$600.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/11.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Beats Pill+ Portable<br />Speaker - (PRODUCT)RED</a>
									</div>
									<div class="price">
										<span class="sale">$1,023.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/12.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Apple iPad Mini<br />G2356</a>
									</div>
									<div class="price">
										<span class="sale">$1,489.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/13.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Beats EP On-Ear<br />Headphones - Blue</a>
									</div>
									<div class="price">
										<span class="sale">$1,749.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/09.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Apple iPad Mini<br />G2356</a>
									</div>
									<div class="price">
										<span class="sale">$50.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/10.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Apple iPad Mini<br />G2356</a>
									</div>
									<div class="price">
										<span class="sale">$600.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/11.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Beats Pill+ Portable<br />Speaker - (PRODUCT)RED</a>
									</div>
									<div class="price">
										<span class="sale">$1,023.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/12.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Apple iPad Mini<br />G2356</a>
									</div>
									<div class="price">
										<span class="sale">$1,489.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/13.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Beats EP On-Ear<br />Headphones - Blue</a>
									</div>
									<div class="price">
										<span class="sale">$1,749.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/09.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Apple iPad Mini<br />G2356</a>
									</div>
									<div class="price">
										<span class="sale">$50.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/10.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Apple iPad Mini<br />G2356</a>
									</div>
									<div class="price">
										<span class="sale">$600.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/11.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Beats Pill+ Portable<br />Speaker - (PRODUCT)RED</a>
									</div>
									<div class="price">
										<span class="sale">$1,023.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/12.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Apple iPad Mini<br />G2356</a>
									</div>
									<div class="price">
										<span class="sale">$1,489.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
							<div class="imagebox style4">
								<div class="box-image">
									<a href="#" title="">
										<img src="images/product/other/13.jpg" alt="">
									</a>
								</div><!-- /.box-image -->
								<div class="box-content">
									<div class="cat-name">
										<a href="#" title="">Laptops</a>
									</div>
									<div class="product-name">
										<a href="#" title="">Beats EP On-Ear<br />Headphones - Blue</a>
									</div>
									<div class="price">
										<span class="sale">$1,749.00</span>
										<span class="regular">$2,999.00</span>
									</div>
								</div><!-- /.box-content -->
							</div><!-- /.imagebox style4 -->
						</div><!-- /.owl-carousel-3 -->
					</div><!-- /.col-md-12 -->
				</div><!-- /.row -->
			</div><!-- /.container -->
		</section><!-- /.flat-imagebox style4 -->

		    <!-- 底部 -->
			<footer>
					<div class="container">
						<div class="row">
							<div class="col-lg-3 col-md-6">
								<div class="widget-ft widget-about">
									<div class="logo logo-ft">
										<a href="index.html" title="">
											<img src="images/logos/logo-ft.png" alt="">
										</a>
									</div><!-- /.logo-ft -->
									<div class="widget-content">
										<div class="icon">
											<img src="images/icons/call.png" alt="">
										</div>
										<div class="info">
											<p class="questions">Got Questions ? Call us 24/7!</p>
											<p class="phone">Call Us: (888) 1234 56789</p>
											<p class="address">
												PO Box CT16122 Collins Street West, Victoria 8007,<br/>Australia.
											</p>
										</div>
									</div><!-- /.widget-content -->
									<ul class="social-list">
										<li>
											<a href="#" title="">
												<i class="fa fa-facebook" aria-hidden="true"></i>
											</a>
										</li>
										<li>
											<a href="#" title="">
												<i class="fa fa-twitter" aria-hidden="true"></i>
											</a>
										</li>
										<li>
											<a href="#" title="">
												<i class="fa fa-instagram" aria-hidden="true"></i>
											</a>
										</li>
										<li>
											<a href="#" title="">
												<i class="fa fa-pinterest" aria-hidden="true"></i>
											</a>
										</li>
										<li>
											<a href="#" title="">
												<i class="fa fa-dribbble" aria-hidden="true"></i>
											</a>
										</li>
										<li>
											<a href="#" title="">
												<i class="fa fa-google" aria-hidden="true"></i>
											</a>
										</li>
									</ul><!-- /.social-list -->
								</div><!-- /.widget-about -->
							</div><!-- /.col-lg-3 col-md-6 -->
							<div class="col-lg-3 col-md-6">
								<div class="widget-ft widget-categories-ft">
									<div class="widget-title">
										<h3>联系我们</h3>
									</div>
									<ul class="cat-list-ft">
										<li>
											<a href="#" title="">Desktops</a>
										</li>
										<li>
											<a href="#" title="">Laptops & Notebooks</a>
										</li>
										<li>
											<a href="#" title="">Components</a>
										</li>
										<li>
											<a href="#" title="">Tablets</a>
										</li>
										<li>
											<a href="#" title="">Software</a>
										</li>
										<li>
											<a href="#" title="">Phones & PDAs</a>
										</li>
										<li>
											<a href="#" title="">Cameras</a>
										</li>
									</ul><!-- /.cat-list-ft -->
								</div><!-- /.widget-categories-ft -->
							</div><!-- /.col-lg-3 col-md-6 -->
							<div class="col-lg-2 col-md-6">
								<div class="widget-ft widget-menu">
									<div class="widget-title">
										<h3>关于我们</h3>
									</div>
									<ul>
										<li>
											<a href="#" title="">
												Contact us
											</a>
										</li>
										<li>
											<a href="#" title="">
												Site Map
											</a>
										</li>
										<li>
											<a href="#" title="">
												My Account
											</a>
										</li>
										<li>
											<a href="#" title="">
												Wish List
											</a>
										</li>
										<li>
											<a href="#" title="">
												Delivery Information
											</a>
										</li>
										<li>
											<a href="#" title="">
												Privacy Policy
											</a>
										</li>
										<li>
											<a href="#" title="">
												Terms & Conditions
											</a>
										</li>
									</ul>
								</div><!-- /.widget-menu -->
							</div><!-- /.col-lg-2 col-md-6 -->
							<div class="col-lg-4 col-md-6">
								<div class="widget-ft widget-newsletter">
									<div class="widget-title">
										<h3>注册加盟</h3>
									</div>
									<p>Make sure that you never miss our interesting <br/>
										news by joining our newsletter program
									</p>
									<form action="#" class="subscribe-form" method="get" accept-charset="utf-8">
										<div class="subscribe-content">
											<input type="text" name="email" class="subscribe-email" placeholder="Your E-Mail">
											<button type="submit"><img src="images/icons/right-2.png" alt=""></button>
										</div>
									</form><!-- /.subscribe-form -->
									<ul class="pay-list">
										<li>
											<a href="#" title="">
												<img src="images/logos/ft-01.png" alt="">
											</a>
										</li>
										<li>
											<a href="#" title="">
												<img src="images/logos/ft-02.png" alt="">
											</a>
										</li>
										<li>
											<a href="#" title="">
												<img src="images/logos/ft-03.png" alt="">
											</a>
										</li>
										<li>
											<a href="#" title="">
												<img src="images/logos/ft-04.png" alt="">
											</a>
										</li>
										<li>
											<a href="#" title="">
												<img src="images/logos/ft-05.png" alt="">
											</a>
										</li>
									</ul><!-- /.pay-list -->
								</div><!-- /.widget-newsletter -->
							</div><!-- /.col-lg-4 col-md-6 -->
						</div><!-- /.row -->
						<div class="row">
							<div class="col-md-12">
								<div class="widget widget-apps">
									<div class="widget-title">
										<h3>手机端</h3>
									</div>
									<ul class="app-list">
										<li class="app-store">
											<a href="#" title="">
												<div class="img">
													<img src="images/icons/app-store.png" alt="">
												</div>
												<div class="text">
													<h4>App Store</h4>
													<p>Available now on the</p>
												</div>
											</a>
										</li><!-- /.app-store -->
										<li class="google-play">
											<a href="#" title="">
												<div class="img">
													<img src="images/icons/google-play.png" alt="">
												</div>
												<div class="text">
													<h4>Google Play</h4>
													<p>Get in on</p>
												</div>
											</a>
										</li><!-- /.google-play -->
									</ul><!-- /.app-list -->
								</div><!-- /.widget-apps -->
							</div><!-- /.col-md-12 -->
						</div><!-- /.row -->
					</div><!-- /.container -->
				</footer><!-- /footer -->

				<section class="footer-bottom">
					<div class="container">
						<div class="row">
							<div class="col-md-12">
								<p class="copyright">Copyright &copy; 2018.中联.
								</p>
								<p class="btn-scroll">
									<a href="#" title="">
										<img src="images/icons/top.png" alt="">
									</a>
								</p>
							</div><!-- /.col-md-12 -->
						</div><!-- /.row -->
					</div><!-- /.container -->
				</section><!-- /.footer-bottom -->

	</div><!-- /.boxed -->
	<!--登录弹窗-->
	<!-- Modal -->
	<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body video">
					<div class="signin-form profile">
						<div class="login-m_page">
							<h3 class="sign">登录</h3>
							<div class="login-form">
								<input class="form-control LuserPhone" type="text" name="userPhone" placeholder="手机号" required="">
								<!-- <input class="form-control userPhone" type="email" name="email" placeholder="E-mail" required=""> -->
								<input class="form-control password" type="password" name="password" placeholder="密码" required="">
								<div class="tp">
									<input class="form-control LBtn" type="submit" value="登录">
								</div>
							</div>
							<p>
								<a href="#" data-toggle="modal" data-target="#exampleModal2"> 没有帐号?来注册一个吧</a>
							</p>
						</div>

					</div>


				</div>
			</div>
		</div>
	</div>
	<!--注册弹窗-->
	<!-- Modal -->
	<div class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">

					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body video">
					<div class="signin-form profile">
						<div class="login-m_page">
							<h3 class="sign">注册</h3>
							<div class="login-form">
								<div class="person">
									<select id="person" class="show-tick form-control">
										<option value='1'>我是普通用户</option>
										<option value='2'>我是供应商</option>
									</select>
								</div>

								<input class="form-control RuserPhone" type="text" name="userPhone" placeholder="手机号" required="">
								<span class="red"></span>
								<!-- <input class="form-control" type="email" name="email" placeholder="Email" required=""> -->
								<input class="form-control" type="password" name="password" id="password1" placeholder="密码" required="">
								<input class="form-control" type="password" name="password" id="password2" placeholder="请再次输入密码" required="">
								<span class="red"></span>
								<input class="col-lg-8 code" type="text" style="display:inline-block">
								<span class="btn col-lg-3" id="code"  style="display:inline-block">获取验证码</span>
								<div class="row">
									<!--后缀-->
								</div>
								<input class="form-control subBtn" type="submit" value="提交">

							</div>
						</div>


					</div>


				</div>

			</div>
		</div>
	</div>
		<!-- Javascript -->

		<script type="text/javascript" src="javascript/jquery.min.js"></script>
		<!--全局配置接口-->
		<script src="javascript/common.js" type="text/javascript"></script>
		<script type="text/javascript" src="javascript/tether.min.js"></script>
		<script type="text/javascript" src="javascript/bootstrap.min.js"></script>
		<script type="text/javascript" src="javascript/waypoints.min.js"></script>
		<script type="text/javascript" src="javascript/jquery.circlechart.js"></script>
		<script type="text/javascript" src="javascript/easing.js"></script>
		<script type="text/javascript" src="javascript/jquery.flexslider-min.js"></script>
		<script type="text/javascript" src="javascript/owl.carousel.js"></script>
		<script type="text/javascript" src="javascript/smoothscroll.js"></script>
		<script type="text/javascript" src="javascript/jquery-ui.js"></script>
		<script type="text/javascript" src="javascript/jquery.mCustomScrollbar.js"></script>
	   	<script type="text/javascript" src="javascript/waves.min.js"></script>
		<script type="text/javascript" src="javascript/jquery.countdown.js"></script>
		<script type="text/javascript" src="javascript/goodsInfo/goodsInfo.js"></script>
		<script type="text/javascript" src="javascript/main.js"></script>

	</body>
</html>
